<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="b" uri="/bbs-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<title>My JSP 'index.jsp' starting page</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">

		<!--[if lt IE 7]> 
	<script type="text/javascript" src="js/ie6png.js"></script>
	<![endif]-->

		<link rel="stylesheet" type="text/css" href="css/header.css">
		<link rel="stylesheet" type="text/css" href="css/footer.css">
		<style type="text/css">
#container {
	width: 960px;
	margin: auto;
}

/**头部*/
#headerBottom {
	float: left;
	width: 958px;
	height: 36px;
	margin: 6px 0 0 0;
	display: inline; /**IE margin加倍Bug*/
	border: solid 1px #CCC;
}

#headerBottomLeft {
	float: left;
	width: 299px;
	height: 36px;
	background: url("images/search.gif") 0 -36px;
}

#headerBottomRight {
	float: right;
	width: 657px;
	height: 36px;
	background: url("images/search.gif") 0 0px;
	height: 36px;
	background: url("images/search.gif") 0 0px;
}

/**中部*/
#content {
	width: 958px;
	border: solid 1px #CCC;
	float: left;
	margin: 15px 0 0 0;
	display: inline;
}

#contentLeft {
	float: left;
	width: 125px;
	height: 450px;
	background: #E8F0F7;
}

#contentLeft ul li {
	float: left;
	width: 124px;
	padding: 8px 0 0 0;
	height: 22px !important;
	height: 30px;
	font-size: 15px;
	height: 30px;
	color: #666;
	border-bottom: dashed 1px #D8D8D8;
}

#contentRight {
	width: 820px;
	float: left;
}

#contentRight1 {
	width: 800px;
	float: left;
	height: 40px;
	margin: 0px 0 0 10px;
	display: inline;
	border-bottom: solid 1px #E3E6EB;
}

#contentRight1 span {
	float: left;
	color: #666;
	font-size: 13px;
	font-weight: 600;
	margin: 10px 0 0 10px;
	display: inline;
}

#contentRight2 {
	width: 800px;
	float: left;
	margin: 0px 0 0 10px;
	display: inline;
	float: left;
}

/**邮件标题*/
.contentRight2-1 {
	width: 800px;
	float: left;
	height: 25px;
	background: #F2F4F6;
}

.contentRight2-1-1 {
	float: left;
	padding: 4px 0 0 0;
	height: 21px !important;
	width: 40px;
	color: #666;
	height: 25px;
	border-right: solid 1px #E3E6EB;
	border-bottom: solid 1px #E3E6EB;
}

.contentRight2-1-2 {
	float: left;
	padding: 6px 0 0 0;
	height: 19px !important;
	width: 140px;
	height: 25px;
	color: #666;
	border-right: solid 1px #E3E6EB;
	border-bottom: solid 1px #E3E6EB;
}

.contentRight2-1-3 {
	float: left;
	padding: 6px 0 0 0;
	height: 19px !important;
	width: 434px;
	height: 25px;
	color: #666;
	border-right: solid 1px #E3E6EB;
	border-bottom: solid 1px #E3E6EB;
}

.contentRight2-1-4 {
	float: left;
	padding: 6px 0 0 0;
	height: 19px !important;
	width: 140px;
	height: 25px;
	color: #666;
	border-bottom: solid 1px #E3E6EB;
}

/**邮件内容*/
#contentRight3 {
	width: 820px;
	float: left;
	margin: 5px 0 0 10px;
	display: inline;
	float: left;
}

#contentRight3-0 {
	width: 800px;
	float: left;
	height: 300px;
}

#contentRight3-0  a:link {
	color: #336699;
}

#contentRight3-0  a:hover {
	color: #336699;
}

#contentRight3-0  a:visited {
	color: #336699;
}

.contentRight3-1 {
	width: 800px;
	float: left;
	height: 25px;
	border-top: solid 1px #E3E6EB;
}

.contentRight3-1-1 {
	float: left;
	padding: 2px 0 0 0;
	height: 23px !important;
	width: 40px;
	height: 25px;
	color: #666;
	display: inline;
	border-right: solid 1px #E3E6EB;
}

.contentRight3-1-2 {
	float: left;
	padding: 5px 0 0 0;
	height: 20px !important;
	width: 140px;
	height: 25px;
	color: #666;
	border-right: solid 1px #E3E6EB;
	text-align: left;
}

.contentRight3-1-3 {
	float: left;
	padding: 5px 0 0 0;
	height: 20px !important;
	width: 434px;
	height: 25px;
	color: #666;
	border-right: solid 1px #E3E6EB;
	text-align: left;
}

.contentRight3-1-4 {
	float: left;
	padding: 5px 0 0 0;
	height: 20px !important;
	width: 140px;
	height: 25px;
	color: #666;
	text-align: left;
}

.contentRight3-1-5 {
	float: left;
	padding: 5px 0 0 0;
	height: 20px !important;
	width: 40px;
	height: 25px;
	color: #666;
	border-right: solid 1px #E3E6EB;
	text-align: left;
	width: 40px;
}

.contentRight3-2 {
	width: 800px;
	float: left;
	padding: 3px 0 0 0;
	height: 17px !important;
	height: 20px;
	border-top: solid 1px #E3E6EB;
	border-bottom: solid 1px #E3E6EB;
}

.contentRight3-2  a:link {
	color: #336699;
}

.contentRight3-2  a:hover {
	color: #336699;
}

.contentRight3-2  a:visited {
	color: #336699;
}

.contentRight3-2 ul li {
	float: left;
	margin: 0px 0 0 5px;
	display: inline;
	color: #555;
}

/**标记操作*/
.operation1 {
	width: 800px;
	float: left;
	margin: 3px 0 3px 10px;
	display: inline;
}

.operation1 ul li {
	float: left;
	margin: 0px 0 0 3px;
	display: inline;
}
</style>
		<script type="text/javascript">
function modifyMail(state) {
	document.mailFormCheck.action = "modifyMailState?state=" + state;
	return true;
}
function deleteMail() {
	document.mailFormCheck.action = "deleteMailAction_deleteList";
	return true;
}
</script>
	</head>

	<body>
		<div id="container">
			<%@ include file="styleJsp/header.jsp"%>
			<div id="headerBottom">
				<div id="headerBottomLeft"></div>
				<div id="headerBottomRight"></div>
			</div>
			<!-- 中部 -->
			<div id="content">
				<div id="contentLeft">
					<ul>
						<a href="publishMailEdit.jsp">
							<li>
								写消息
							</li> </a>
						<a href="lookMailAction_lookAllMails?mailType=all">
							<li>
								收件箱
							</li> </a>
						<a href="lookMailAction_lookAllMails?mailType=draft">
							<li>
								草稿箱
							</li> </a>
						<a href="lookMailAction_lookAllMails?mailType=sent">
							<li>
								已发送
							</li> </a>
						<a href="lookMailAction_lookAllMails?mailType=delete">
							<li>
								已删除
							</li> </a>
						<a href="lookMailAction_lookAllMails?mailType=rubbish">
							<li>
								垃圾箱
							</li> </a>
					</ul>
				</div>
				<form action="" method="post" name="mailFormCheck">
					<div id="contentRight">
						<div id="contentRight1">
							<!-- 标题字面判断 -->
							<span><s:if test="%{#request.mailType.equals('all')}">收件箱</s:if>
								<s:if test="%{#request.mailType.equals('draft')}">草稿箱</s:if> <s:if
									test="%{#request.mailType.equals('sent')}">已发送</s:if> <s:if
									test="%{#request.mailType.equals('delete')}">已删除</s:if> <s:if
									test="%{#request.mailType.equals('rubbish')}">垃圾箱</s:if> </span>
						</div>
						<div class="operation1">
							<ul>
								<li>
									<input type="submit" value="删除" onclick="modifyMail(4)" />
								</li>
								<li>
									<input type="submit" value="彻底删除" onclick="deleteMail()" />
								</li>
								<li>
									<input type="submit" value="标记已读" onclick="modifyMail(1)" />
								</li>
								<li>
									<input type="submit" value="标记未读" onclick="modifyMail(0)" />
								</li>
								<li>
									<input type="submit" value="标记垃圾" onclick="modifyMail(5)" />
								</li>
							</ul>
						</div>
						<div id="contentRight2">
							<div class="contentRight2-1">
								<span class="contentRight2-1-1"> <input type="checkbox" />
								</span>
								<span class="contentRight2-1-1"> 状态 </span>
								<span class="contentRight2-1-2">发件人</span><span
									class="contentRight2-1-3">主题</span><span
									class="contentRight2-1-4">时间</span>
							</div>
						</div>
						<div id="contentRight3">
							<div id="contentRight3-0">

								<s:iterator value="mails">
									<div class="contentRight3-1">
										<span class="contentRight3-1-1"><input type="checkbox"
												value="<s:property value='mailId'/>" name="mailIds" /> </span>
										<span class="contentRight3-1-5"><b:mailState
												stateValue="${mailState}" />
										</span>
										<span class="contentRight3-1-2"><a href="#"><s:property
													value="user.userName" /> </a> </span><span class="contentRight3-1-3"><a
											href="lookMailAction_lookMailDetail?mailId=<s:property value='mailId'/>"><s:property
													value="mailContent" /> </a> </span><span class="contentRight3-1-4"><s:property
												value="mailDate" /> </span>
									</div>
								</s:iterator>

							</div>
							<div class="contentRight3-2">
								<ul>
									<li>
										选择：
									</li>
									<li>
										-
									</li>
									<li>
										<a href="#">全部</a>
									</li>
									<li>
										-
									</li>
									<li>
										<a href="#">无</a>
									</li>
									<li>
										-
									</li>
									<li>
										<a href="#"> 已读</a>
									</li>
									<li>
										-
									</li>
									<li>
										<a href="#"> 未读</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="operation1">
							<ul>
								<li>
									<input type="submit" value="删除" />
								</li>
								<li>
									<input type="submit" value="彻底删除" />
								</li>
								<li>
									<input type="submit" value="标记已读" />
								</li>
								<li>
									<input type="submit" value="标记未读" />
								</li>
								<li>
									<input type="submit" value="标记垃圾" />
								</li>
							</ul>
						</div>
					</div>
				</form>
			</div>

			<%@ include file="styleJsp/footer.jsp"%>
		</div>
	</body>
</html>
